@charset "utf-8";


a:hover {
    color: #f74a4a;
    text-decoration: underline;
}

section{
    width: 1190px;
    margin:auto;
}

/* 面包屑 */
.bread{
    line-height: 40px;
}
section .bread{
    height: 40px;
    line-height: 40px;
}
section .bread a, .bread b {
    margin: 0 5px;
    font-weight: 400;
    color: #666;
}

/* 内容 */
section .center_nav{
    border-bottom: 0;
}
section .center_nav li{
    border-bottom: 1px solid #e6e9ef;
}
section .center_nav li a {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    border-left: 6px solid #fff;
    padding-left: 12px;
}
section .center_nav li a.current {
    color: #f74a4a;
    border-left-color: #f74a4a;
}
section .center_nav li i{
    float: left;
    width: 25px;
    height: 25px;
    margin: 14px 10px 0 0;
}

.center_nav li a:hover {
    text-decoration: none;
    border-left-color: #f74a4a;
}

/* 个人中心首页 */
section .center_nav i.i_center{
    background-position: 0 -386px;
}
section .center_nav a.current i.i_center,.center_nav a:hover i.i_center{
    background-position: 0 -356px;
}
/* 我的特权 */
section .center_nav i.i_privilege{
    background-position: -5px -542px;
}
section .center_nav a.current i.i_privilege,.center_nav a:hover i.i_privilege{
    background-position: -44px -542px;
}
/* 我的任务 */
section .center_nav i.i_task{
    background-position: -4px -570px;
}
section .center_nav a.current i.i_task,.center_nav a:hover i.i_task{
    background-position: -44px -570px;
}
/* 我的订单 */
section .center_nav i.i_trade{
    background-position: -30px -386px;
}
section .center_nav a.current i.i_trade,.center_nav a:hover i.i_trade{
    background-position: -30px -356px;
}
/* 我的道聚城白条 */
section .center_nav i.i_issue{
    background-position: -78px -570px;
}
section .center_nav a.current i.i_issue,.center_nav a:hover i.i_issue{
    background-position: -78px -543px;
}
/* 道具城体验会员 */
section .center_nav i.i_vip{
    background-position: -179px -570px;
}
section .center_nav a.current i.i_vip,.center_nav a:hover i.i_vip{
    background-position: -179px -541px;
}

/* 我的周边订单 */
section .center_nav i.i_reltrade{
    background-position: -180px -445px;
}
section .center_nav a.current i.i_reltrade,.center_nav a:hover i.i_reltrade{
    background-position: -180px -416px;
}

/* 我的收货地址 */
section .center_nav i.i_address{
    background-position: -180px -386px;
}
section .center_nav a.current i.i_address,.center_nav a:hover i.i_address{
    background-position: -180px -357px;
}

/* 我的购物点 */
section .center_nav i.i_ticket{
    background-position: -60px -386px;
}
section .center_nav a.current i.i_ticket,.center_nav a:hover i.i_ticket{
    background-position: -60px -356px;
}

/* 我的优惠券 */
section .center_nav i.i_coupon{
    background-position: -90px -386px;
}
section .center_nav a.current i.i_coupon,.center_nav a:hover i.i_coupon{
    background-position: -90px -356px;
}

/* 我的聚豆 */
section .center_nav i.i_coin{
    background-position: -120px -446px;
}
section .center_nav a.current i.i_coin,.center_nav a:hover i.i_coin{
    background-position: -120px -416px;
}

/* 我的消息 */
section .center_nav i.i_message{
    background-position: -90px -446px;
}
section .center_nav a.current i.i_message,.center_nav a:hover i.i_message{
    background-position: -90px -416px;
}

/* 我的关注 */
section .center_nav i.i_attention{
    background-position: -120px -386px;
}
section .center_nav a.current i.i_attention,.center_nav a:hover i.i_attention{
    background-position: -120px -356px;
}

/* 我的功能性道具 */
section .center_nav i.i_prop{
    background-position: -150px -386px;
}
section .center_nav a.current i.i_prop,.center_nav a:hover i.i_prop{
    background-position: -150px -356px;
}

/* 领取魅力值 */
section .center_nav i.i_charm{
    background-position: 0 -446px;
}
section .center_nav a.current i.i_charm,.center_nav a:hover i.i_charm{
    background-position: 0 -416px;
}

/* 我的票务 */
section .center_nav i.i_myticket{
    background-position: -150px -446px;
}
section .center_nav a.current i.i_myticket,.center_nav a:hover i.i_myticket{
    background-position: -150px -416px;
}

/* 右侧内容 */
section .center_info{
    padding: 15px 30px;
}
.loading {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
}
.loading .loadmsg {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url(../images/dj_loading.gif) no-repeat center center;
    padding-top: 110px;
}

.game_consume {
    width: 950px;
    height: 148px;
    margin-bottom: 20px;
}
.game_consume .login_game {
    width: 322px;
    height: 148px;
    border: 1px solid #e6e9ef;
    background: #fff;
    float: left;
}
.game_consume .consume {
    width: 612px;
    height: 148px;
    border: 1px solid #e6e9ef;
    background: #fff;
    float: left;
    margin-left: 11px;
}

/* 节省 */
.dj_save {
    width: 948px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 20px;
    background: #fffaeb;
    border: 1px solid #f6ecca;
}
.dj_save .save_num {
    margin-left: 15px;
    color: #333;
    font-size: 14px;
}
.dj_save .save_num span {
    color: #f74a4a;
    font-size: 18px;
}

/* 我的特权 */
.userprivilege {
    width: 948px;
    height: 255px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e9ef;
}
.center_box {
    padding: 15px 20px 20px 20px;
}
.center_tt {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 20px;
    position: relative;
}
.center_tt .dot-tip {
    position: absolute;
    left: 60px;
    top: 4px;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    overflow: hidden;
    background-color: red;
}
.center_tt .line {
    display: block;
    background: #e6e9ef;
    height: 1px;
    overflow: hidden;
    margin-top: 5px;
}
.center_tt .line s.l_5 {
    width: 72px;
}
.center_tt .line s {
    display: block;
    background: #f74a4a;
    height: 1px;
    overflow: hidden;
}

.userbox {
    border: 1px solid #e6e9ef;
}
.userbox dl {
    width: 225px;
    height: 130px;
    border-right: 1px solid #e6e9ef;
    float: left;
    padding-top: 40px;
}
.userbox dt {
    text-align: center;
}
.userbox .tqico {
    width: 90px;
    height: 80px;
    display: block;
    margin: 0 auto;
    background: url(../images/dj_xyicon.png) no-repeat;
}
.userbox dd {
    text-align: center;
}
.userbox dl p {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #3a3f4a;
    text-align: center;
}
/* 专享优惠券 */
.userbox .coupons {
    background-position: -135px -154px;
}
.userbox .task-link:hover .coupons {
    background-position: -135px -262px;
}
/* 首次消费礼 */
.userbox .gift {
    background-position: -358px -158px;
}
.userbox .task-link:hover .gift {
    background-position: -358px -266px;
}
/* 道具逢十礼 */
.userbox .djgift {
    background-position: -585px -156px;
}
.userbox .task-link:hover .djgift {
    background-position: -585px -264px;
}
/* 消费成长礼 */
.userbox .consume {
    background-position: -818px -154px;
}
.userbox .task-link:hover .consume {
    background-position: -818px -262px;
}

/* 我的特权 */
.usertask {
    width: 948px;
    min-height: 255px;
    height: auto;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e9ef;
}
.usertask .userbox dl {
    width: 180px;
    height: 135px;
    float: left;
    padding-top: 0;
    border-right: 0;
}
.userbox{
    border:none;
}
.userbox dt {
    text-align: center;
}
.userbox dd {
    text-align: center;
}
.userbox .taskico {
    width: 105px;
    height: 110px;
    display: block;
    margin: 0 auto;
    background: url(../images/dj_xyicon.png) no-repeat;
}
.userbox dl p {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #3a3f4a;
    text-align: center;
}
/* 每日签到 */
.userbox .signin {
    background-position: -135px -379px;
}
.userbox .task-link:hover .signin {
    background-position: -135px -523px;
}
/* 完善资料 */
.userbox .info {
    background-position: -316px -379px;
}
.userbox .task-link:hover .info {
    background-position: -316px -523px;
}
/* 下载APP */
.userbox .down {
    background-position: -500px -379px;
}
.userbox .task-link:hover .down {
    background-position: -500px -523px;
}
/* 每日登录APP */
.userbox .login {
    background-position: -679px -379px;
}
.userbox .task-link:hover .login {
    background-position: -679px -523px;
}
/* APP首笔消费 */
.userbox .appconsume {
    background-position: -863px -379px;
}
.userbox .task-link:hover .appconsume {
    background-position: -863px -523px;
}

/* 猜你喜欢 */
.favorite {
    overflow: hidden;
}
.favorite .tt {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-bottom: 1px solid #e6e9ef;
}
.favorite .tt .more {
    font-size: 12px;
}
.favorite h6{
    font-size: 14px;
    font-weight: bold;
}

.favorite dl {
    width: 122px;
    height: 160px;
    padding: 28px 32px;
    border-left: 1px solid #f3f4f6;
    float: left;
}
.favorite dd {
    text-align: center;
}
.favorite dl p {
    height: 40px;
    overflow: hidden;
}
.favorite dl p a b {
    display: block;
    font-weight: bold;
}
.favorite img {
    display: block;
    width: 90px;
    height: 75px;
    margin: 10px auto;
}